<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta name="description" content="" />
    <title>我的资料</title>
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="css/css.css" rel="stylesheet" type="text/css">
    <link href="css/Animation.css" rel="stylesheet" type="text/css">
    <link href="css/slider.css" rel="stylesheet" type="text/css">
    <link rel="icon" href="images/icon.ico">
    <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="js/common.js" type="text/javascript"></script>
    <script src="js/slider.js" type="text/javascript"></script>
    <script src="js/html5.js" type="text/javascript"></script>
    <script src="js/jquery.js" type="text/javascript"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script src="js/wow.min.js" type="text/javascript"></script>
    <link href="https://cdn.staticfile.org/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link href="/css/buttons.css" rel="stylesheet">
    <script src="js/jquery.js"></script>
    <script src="js/html5.js"></script>
    <script type="text/javascript">

        var wow = new WOW({
            boxClass: 'wow',
            animateClass: 'animated',
            offset: 0,
            mobile: false,
            live: true
        });
        wow.init();
        setInterval("showtime.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());", 10);
    </script>
    <style type="text/css">
        * {
            margin: 0px;
            padding: 0px;
        }

        #ss {
            border: 1px solid skyblue;
            width: 920px;
            height: 80px;
            margin-top: 10px;
        }
        #toTop{
            width: 50px;
            height: 65px;
            border: 1px solid black;
            background-color: #f3f6f6;
            opacity: 0.5;
            text-align: center;
            position: fixed;
            right: 80px;
            bottom: 0px;
        }
    </style>
</head>

<body>
    <!--索引-->
    <header class="navbar-fixed-top headerbg">
        <div class="container-fluid">
            <div class="logo">
                <h3 style="line-height: 30px;font-size: 24.5px;font-family: inherit;font-weight: bold;line-height: 20px;color: inherit;text-rendering: optimizelegibility;"><a href="#"><span style="font-size: 30px;">朋心合力</span></a></h3>
            </div>
            <div class="navBox hidden-xs hidden-sm">
                <ul class="navList list-unstyled">
                    <li class="navLi">
                        <h3><a href="/index"><span>首页</span></a></h3>
                    </li>
                    <li class="navLi">
                        <h3><a href="/publish"><span>项目发布</span></a></h3>
                    </li>
                    <li class="navLi">
                        <h3><a href="/course"><span>课程学习</span></a></h3>
                    </li>
                    <li class="navLi">
                        <h3><a href="/lookingprojects"><span>项目广场</span></a></h3>
                        <div class="navSub">
                            <ul class="navSubList list-unstyled">
                                <li class="navSubLi">
                                    <h4><a href="/lookingtalents">● 寻找合伙人</a></h4>
                                </li>
                                <li class="navSubLi">
                                    <h4><a href="/lookingprojects">● 寻找项目</a></h4>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="navLi on">
                        <h3><a href="/userInformation"><span>个人主页</span></a></h3>
                    </li>
                </ul >
            </div>
        </div>
    </header>
    <!--轮播动画-->
    <div class="banner1" style="width: 100%;height:700px ;position: relative;height: 600px;">
        <div style="position: absolute;margin-top: 150px;margin-left: 225px;">
            <section class="wrap overflow" style="margin:8px auto;">
                <dl class="narrow_area fl aside_control_li">
                    <dt>用户控制面板</dt>
                    <dd><a href="/userInformation">个人资料</a></dd>
                    <dd><a href="/project-user/myProject">我的项目</a></dd>
                    <dd><a href="/modifyMyself">信息修改</a></dd>
                    <dd><a href="/My_Modifypw">修改密码</a></dd>
                    <dd><a href="/End_project.html">结束项目</a></dd>
                    <dd><a href="/Keep_Project_Diary.html">写项目经验</a></dd>
                    <dd><a href="/showTalentsApply">入队申请</a></dd>
                    <dd><a href="/getInviteJoinTeam">受邀申请</a></dd>
                    <dd><a href="/Voting_page.html">投票</a></dd>
                    <dd><a href="/End_project_notice.html">进度条</a></dd>
                    <dd><a href="/competition.html">11111</a></dd>
                </dl>
                <div style="height: 600px;">
                    <section class="connection" style="position: relative">
                        <span style="position: absolute;top:10px;left:252px;color: #7f0055" th:text="'亲爱的: '+${userInformation.getPersonalName()}+' 欢迎您回来！'"></span>
                        <a href="/logout" class="button button-3d button-action button-pill" style="height:35px;font-size: 15px;line-height: 42px;position: absolute;top:-4px;left: 430px;z-index: 3">退出登录</a>
                        <section class="user_center_right" style="position: absolute;top:10px;">
                            <h2></h2>
                            <div class="user_infor">
                                <a class="user_pic fl"><img src="images/xiaoxin.jpg" /></a>
                                <div class="text_infor">
                                    <p style="color: green;" th:text="'您的用户编号为: '+${userInformation.getUserId()}">
                                            href="money.html"></p>
                                    <p style="color: green;" th:text="'您当前的课程学习等级为: Vip'+${userInformation.getCourseVip()}"><a
                                            href="money.html">点击进行充值</a></p>
                                    <p style="color: green;">当前是:<time id="showtime" style="color: green">
                                        </time></p>
                                    <span th:if="${userInformation.getUpdateTime()} != null" style="color: green;" th:text="'当前用户最近修改密码的时间为:'+${userInformation.getUpdateTime()}+',若发现异常,'"></span>
                                    <span th:if="${userInformation.getUpdateTime()} != null"><a href="My_Modifypw.html" style="color: red;">请及时修改登录密码!</a></span>
                                </div>
                            </div>
                            <dl class="invest_favorite" style="position: relative;">
                                <dt style="color: green;">我的技能标签：</dt>
                                <div style="position: absolute;margin-top: -10px;">
                                    <dd style="color: black;">
                                        <h3 th:text="${talentInformation.talentTag}"></h3>
                                    </dd>
                                </div>

                            </dl>
                            <div class="li_title" style="position: absolute;margin-top: 40px;">
                                <dt style="color: green;">个人介绍：</dt>
                                <div id="ss">
                                    <h3><span style="color: black;" th:text="${talentInformation.talentIntro}"></span></h3>
                                </div>
                            </div>
                        </section>
                    </section>
                </div>
            </section>
        </div>

    </div>

    <!--底部样式-->
    <footer class="footerBg">
        <div class="container">
            <div class="ptb40">
                <div class="footTopL">
                    <dl class="clearfix" style="width: 400px; margin-left: 60px;">
                        <dt>关于我们</dt>
                        <dd><a href="#">联系地址</a></dd>
                        <dd><a href="#">荣誉资质</a></dd>
                        <dd><a href="#">加入我们</a></dd>
                        <dd><a href="#">意见及建议</a></dd>
                    </dl>
                    <dl class="clearfix" style="width: 400px; margin-left: 80px;">
                        <dt>系统团队</dt>
                        <dd><a href="#">林某</a></dd>
                        <dd><a href="#">李某</a></dd>
                        <dd><a href="#">蔡某</a></dd>
                        <dd><a href="#">周某</a></dd>
                    </dl>
                    <dl class="clearfix" style="width: 400px; margin-left: 100px;">
                        <dt>培训中心</dt>
                        <dd><a href="#">java类培训</a></dd>
                        <dd><a href="#">c/c++类培训</a></dd>
                        <dd><a href="#">Python类培训</a></dd>
                        <dd><a href="#">go语言类培训</a></dd>
                    </dl>
                    <dl class="clearfix" style="width: 400px; margin-left: 80px;">
                        <dt>权限介绍</dt>
                        <dd><a href="#">队长权限</a></dd>
                        <dd><a href="#">队员权限</a></dd>
                        <dd><a href="#">惩罚机制</a></dd>
                        <dd><a href="#">意见及建议</a></dd>
                    </dl>
                </div>
            </div>
        </div>
        <div class="CopyRight">
            <div class="container"><span class="footer_logo"><img src="images/footer_logo.png"></span><span
                    class="CopyRight_name">朋心合力平台版权所有</span></div>
        </div>
    </footer>
    <div id="toTop">
        <i class="arrow up icon">
        </i>
        <p style="margin-top: 10px">&nbsp;返回顶部</p>
    </div>
    <script type="text/javascript">
        window.onload=function () {
            var oToTop=document.getElementById("toTop");
            oToTop.onclick=function () {
                document.documentElement.scrollTop="0px";
                document.body.scrollTop="0px";
            }
        }
    </script>

</body>

</html>
